<template>
  <div id="app">
    <router-view :key="$router.path" />
  </div>
</template>

<style lang="scss">
body {
  font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB",
    "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
  margin: 0;
  padding: 0;
  font-size: 14px;
  img {
    display: block;
  }
  .el-pagination {
    padding: 0;
    &.is-background {
      .btn-next {
        margin-right: 0;
      }
    }
  }
  .el-upload {
    display: flex;
  }
  .el-upload-list--picture-card .el-upload-list__item-thumbnail {
    object-fit: contain;
  }
  input,
  button,
  textarea {
    font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB",
      "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
  }
  .el-image {
    display: block;
  }
  .el-message-box {
    padding-bottom: 15px;
  }
  .el-input__inner,
  .el-input-number__decrease,
  .el-input-number__increase,
  .el-upload--picture-card {
    border-radius: 0;
  }
  .el-table .el-table__cell {
    padding: 10px 0;
  }
  .el-button {
    border-radius: 2px;
  }
  .el-picker-panel__link-btn.el-button--text {
    border-color: #dcdfe6;
    padding: 7px 15px;
  }
  .headAvatar {
    width: 80px;
    height: 80px;
    object-fit: cover;
    display: block;
    margin: 0 auto;
  }
  .uploader {
    .el-upload {
      width: 120px;
      height: 120px;
      border: solid 1px #dcdfe6;
      border-radius: 0;
      overflow: hidden;
      .cont {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        .icon {
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 20px;
        }
        .image {
          width: 120px;
          height: 120px;
          object-fit: cover;
        }
      }
      &:hover {
        border-color: #c0c4cc;
      }
    }
  }
}
</style>
